* {
    margin:0px;
    padding: 0px;
    font-family: 'Microsoft Yahei';
}

body    {overflow:hidden;background: url('../../img/bg.jpg') no-repeat top center fixed;}

pape    {display:block;}

.redBorder {border-color:red}

menu        {display:block;width:210px;z-index:12;}
content unit:hover,search unit:hover,loginunit:hover,registerunit:hover,persondata:hover,release:hover,checkinfo:hover,checkcollect:hover,backindex:hover,loginout:hover  {background-color: #003300;}

top_menu	{display:block;position:absolute;left:252px;top:5px;height:45px;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);padding:5px;}

logo        {display: block;width:210px;height:45px;margin:5px 20px;background-color: gold;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);padding:5px;cursor: pointer;}
user        {display: block;width:220px;margin:5px 20px;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}
unithead {display: block;width:100px; height:100px;border-radius: 50%; overflow:hidden;margin:10px 60px;}
loginbtn,registerbtn{display: block;width:220px;height:35px;line-height:35px;text-align: center;border-bottom: solid 1px white;color:white;cursor: pointer;}
loginunit,registerunit{display: block;width:210px;height:35px;line-height:35px;text-align: right;border-bottom: solid 1px white;border-top: solid 1px white;color:white;padding-right:10px;}
usernameAlert,passwordAlert,emailAlert{display: block;width:210px;height:25px;line-height:25px;text-align: center;border-bottom: solid 1px white;border-top: solid 1px white;color:red;padding-right:10px;}
persondata,release,checkinfo,checkcollect,backindex,loginout{display: block;width:220px;height:35px;line-height:35px;border-bottom: solid 0px white;color:white;cursor: pointer;}
user unitinfo{display: block;width:220px;height:35px;line-height:35px;text-align: center;border-bottom: solid 1px white;color:white;cursor: default;}
icon	{display:inline;margin-left:50px;margin-right:20px;}

.despise{height:20px;line-height:20px;}

search      {display: block;margin-top: 50px;margin:20px;width:220px;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}
search unit{display: block;width:220px;height:35px;line-height:35px;text-align: center;color:white;cursor: pointer;font-weight: 900;border-bottom: solid 0px white}

menu_ex[level='1'] {display: none;position: absolute;left:222px;top:0px;background-color: rgba(6,109,171,1);z-index:12;overflow-y: auto;overflow-x: hidden;}
menu_ex[level='2'] {display: none;position: absolute;left:374px;top:0px;background-color: rgba(6,109,171,1);z-index:12;overflow-y: auto;overflow-x: hidden;}
menu_ex[level='3'] {display: none;position: absolute;left:526px;top:0px;background-color: rgba(6,109,171,1);z-index:12;overflow-y: auto;overflow-x: hidden;}
menu_ex unit{display: block;width:150px;height:30px;line-height:30px;text-align: center;color:white;cursor: pointer;font-weight: 900;}

.is_select{background-color: black }

content     {display:block;overflow-y: auto;overflow-x: hidden;position: absolute;left:252px;top:0px;margin:70px 10px 20px 0px;}
content unit{display: inline-block;position:relative; width: 210px;height: 210px;margin:5px;border-radius: 5px;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);cursor: pointer;background-color: rgba(6,109,171,1)}
content unit img{margin:5px;}
content unit info{display:block;position: absolute;z-index:2;left:0px;bottom:5px;background-color: rgba(221,221,221,0.9);padding:5px 0px;}
content unit info title{display:block;height:20px;text-overflow:ellipsis;white-space:nowrap;width:200px;overflow:hidden;}
content unit info detail{display:none;}
content unit info detail text	{display:inline-block;height:20px;text-overflow:ellipsis;white-space:nowrap;width:200px;overflow:hidden;}
content unit info detail price	{display:inline-block;height:20px;text-overflow:ellipsis;white-space:nowrap;width:100px;overflow:hidden;}
content unit info detail collect{display:inline-block;height:20px;text-overflow:ellipsis;white-space:nowrap;width:100px;overflow:hidden;color:white;text-align: center;font-weight: 900;}
content unit info detail delcollect{display:inline-block;height:20px;text-overflow:ellipsis;white-space:nowrap;width:100px;overflow:hidden;color:white;text-align: center;font-weight: 900;}


content unit2 {display:block;height:50px;cursor: pointer;position:relative;}
content unit2 uid {display:inline-block;position:absolute;top:0px;left:0px;width:50px;height:50px;line-height:50px;text-align: center;}
content unit2 img {display:inline-block;height:40px;width:40px;margin:5px;position:absolute;top:0px;left:50px;}
content unit2 detail {display:inline-block;height:50px;position:absolute;top:0px;left:100px;}
content unit2 detail title,content unit2 detail text{display:block;height:17px;line-height:17px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
content unit2 detail price,content unit2 detail area_name{display:inline-block;height:16px;line-height:16px;width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
content unit2 edit,content unit2 delete {display:inline-block;position:absolute;top:0px;width:50px;height:50px;line-height:50px;text-align: center;}
content unit2 delete{right:0px;}
content unit2 edit{right:50px}
tag {display:block;font-size:20px;color:white;padding-left:20px;}


detailinfo {display:none;width:1050px;height:500px;position:absolute;z-index:12;top:100px;background-color:rgb(240,235,213);border:double 5px black;box-shadow: 30px 30px 60px rgba(0,0,0,0.7);}
detailinfo img {display:block;position:absolute;left:10px;top:10px;width:200px;height:200px;}
detailinfo title {display:block;position:absolute;left:220px;top:10px;width:500px;height:500px;}
detailinfo text {display:block;position:absolute;left:10px;top:220px;width:700px;height:200px;word-wrap: break-word;overflow: auto;overflow-x: hidden;}
detailinfo detail {display:block;position:absolute;left:10px;top:430px;width:800px;height:100px;}
detailinfo detail unit {display:inline-block;margin-left:10px;margin-right:10px;height:30px;line-height:30px;font-weight:400}

publishinfo {display:none;width:550px;height:520px;position:absolute;z-index:12;top:60px;background-color:rgb(240,235,213);border:double 5px black;box-shadow: 30px 30px 60px rgba(0,0,0,0.7);}
publishinfo img{display:block;position:absolute;left:300px;top:20px;width:200px;height:200px;z-index:-1;}
publishinfo unit{display:block;height:50px;line-height:50px;z-index:3;}
publishinfo unittext{display:block;height:100px;}
publishinfo uth{display: inline-block;width:100px;text-align:right}
publishinfo textarea{vertical-align: top;height:100px;width:400px;resize:none;}
publishinfo submit{display:block;margin:5px auto;color:white;height:30px;line-height:30px;text-align:center;cursor: pointer;}
publishinfo exit{width:30px;height:30px;line-height:30px;text-align:center;font-size:30px;font-weight:900;position:absolute;display:block;left:530px;top:-10px;background:white;border-radius:50%;border:black 2px double;cursor: pointer;}
#publish_class2,#publish_area2,#publish_area3{display:none}

personinfo {display:none;width:550px;height:520px;position:absolute;z-index:12;top:60px;background-color:rgb(240,235,213);border:double 5px black;box-shadow: 30px 30px 60px rgba(0,0,0,0.7);}
personinfo unit {display:block;height:50px;line-height:50px;margin-left:30px;}
personinfo uth{display: inline-block;width:100px;text-align:right}
personinfo utd{display: inline-block;width:100px;margin-left:30px}

shade {display:none;background-color: rgba(144,111,111,0.5);width:100%;height:100%;position: absolute;top:0px;left:0px;z-index:11;}

alert {display:none;background-color: #cb8af7;border-radius:25px;border:5px white solid;width:450px;height:75px;line-height:75px;position: absolute;z-index:99;text-align:center;color:white;font-weight:900;}


/* maki */
[class*="maki-"]:before {
    font-family:'maki', sans-serif;
}
/* entypo */
[class*="entypo-"]:before {
    font-family:'entypo', sans-serif;
}
/* fontawesome */
[class*="fontawesome-"]:before {
    font-family:'FontAwesome', sans-serif;
}
